@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
body{ background:#F3F3F3 url(background.png) center; color:#305999; font-size:14px;}
a{ text-decoration:none;}
input{border:#CCCCCC 1px solid; line-height:24px;}
.text{  width:160px; height:24px; margin:5px; text-align:center; }
.text:focus,textarea:focus{ border-color:#FFCC00;}
.btn{ width:60px; padding:0 0px; margin:3px; font-weight:bold; text-align:center;
	line-height:24px; background:#E9E9E9; cursor:pointer;}
.btn:hover{ background:#F1F1F1; color:#305999;}
.btn:active{ background:#305999; color:#FFFFFF;}
textarea{ width:600px; height:300px; border:#CCCCCC 1px solid; }
h3{ font-size:18px; font-weight:bold;}
.header{ 
	background:#305999;
	height:48px; line-height:48px; font-size:30px;
	color:#FFFFFF; font-weight:bold; text-align:right;
}
.header .nav{ width:600px; margin:0 auto;}
.header a{ color:#FFFFFF;}
.header a:hover{ color:#CCCCCC;}
.content{ width:600px; margin:0 auto; }
.login_form, .index_show{
	position:absolute;
	right:50%; bottom:50%; width:380px; height:100px;
	margin:0 -203px -63px 0;
	text-align:center; padding:10px;
	background:#FFFFFF;
	border-left:3px #FFFFFF solid; 
	border-top:3px #FFFFFF solid;
	border-bottom:3px #CCCCCC solid;
	border-right:3px #CCCCCC solid;
}
.login_form p, .index_show p{ margin:5px auto; text-align:center;}

/***** index *****/
.index_show{
	background:none;
	width:500px; height:150px;
	margin:0 -263px -88px 0;
}
#step_1{
	margin:20px auto 0;
}
#step_1 h2{ font-size:36px;}
#step_1 h3{ font-size:18px; margin:6px;}
#step_1 .h{ color:#990000; font-weight:bolder;}

#step_2,#step_3{ display:none;}
#confirm{ width:120px; padding:0 0px; margin:3px; font-weight:bold; text-align:center;
	line-height:32px; font-size:18px; height:35px; background:#990000; cursor:pointer;
	border:1px #666666 solid; color:#FFFFFF;}
#confirm:hover{ background:#305999; }
#confirm:active{ background:#666666;}

#step_3 p span{text-align:left; display:inline-block; width:225px;}
#showsn,#showurl{ width:220px; text-align:right; background:none; border:none; color:#990000; font-weight:bold; font-size:16px;}
#showurl{color:#009900;}

#notice{ position:absolute; font-size:24px; display:none;
	right:50%; bottom:50%; border:3px #EEEEEE solid; color:#FFFFFF; font-weight:bold;
	margin:0 -83px -28px 0; background:#5677AB; padding:5px; width:150px; height:40px; line-height:38px;}

#showtips{ position:absolute; font-size:18px; display:none;
	right:50%; bottom:50%; border:3px #EEEEEE solid; color:#FFFFFF; font-weight:bold;
	margin:0 -158px -28px 0; background:#5677AB; padding:5px; width:300px; height:40px; line-height:38px;}


#tips{ font-size:12px; display:block; padding:2px 6px; margin:0 auto; width:80%; background:#990000; color:#FFFFFF;}
.add_form{
	margin:10px auto; padding-bottom:5px; text-align:center;
	border-bottom:1px #305999 solid;
}

#sno,#reload,#close{ display:inline-block; padding:0 5px; font-size:12px;}
#close{ display:none;}
.data{ max-height:400px; display:none; text-align:center;font-size:12px;}
.data textarea{ width:590px; height:200px; padding:5px;}
#alert{ font-size:16px; font-weight:bold; background:#305999; color:#FFFFFF;
 padding:10px 20px; border:3px #CCCCCC solid; position:absolute; top:100px; right:50%; margin-right:-103px;
 width:180px; text-align:center; display:none;}

.copy{ width:600px; height:20px; margin:0 auto; font-size:10px; color:#CCCCCC; text-align:right;}
.copy a{ color:#305999; padding:1px 2px;}
.copy a:hover{ color:#FFFFFF; background:#990000;}